<template>
 <div @click="fatherFn">
    <!-- vue对事件进行了修饰符设置, 在事件后面.修饰符名即可使用更多的功能 -->
    <button @click.stop="btn">.stop阻止事件冒泡</button>
    <a href="http://www.baidu.com" @click.prevent="btn">.prevent阻止默认行为</a>
  </div>
</template>

<script>
export default {
  name: "VuecliDemoApp",

  data() {
    return {};
  },

  mounted() {},

  methods: {
    fatherFn() {
      console.log("father被触发");
    },
     btn(){
      console.log(1);
    }
  },
};
</script>

<style>
</style>